<!--
 * @Author: QMZhao
 * @Description: 
 * @Date: 2023-01-04 10:30:21
 * @LastEditTime: 2023-01-29 09:28:09
 * @Reference: 
-->
<template>
	<view class="content">
		<!-- <view class="text-area flex flex-row">
			<u-button text="月落"></u-button>
		</view> -->
		<view class="skeleton-box">
			<u-skeleton rows="2" :loading="isLoading" avatar :title="true">
				<u--image
				:showLoading="true"
				:src="src"
				width="80px"
				height="80px"
				@click="click"
			></u--image>
				<u--text text="loading为false时，将会展示此处插槽内容"></u--text>
			</u-skeleton>
		</view>
	</view>
</template>

<script setup lang="ts">
import { onLoad } from "@dcloudio/uni-app";
import { ref } from "vue";
const src = "https://cdn.uviewui.com/uview/album/1.jpg";
const isLoading = ref(true);
function click(): void {}

onLoad(() => {
	initTest();
});

function initTest(): void {
	setTimeout(() => {
		isLoading.value = false;
	}, 1500);
}
</script>

<style lang="scss" scoped>
.skeleton-box {
	height: 200rpx;
}
</style>
